@import "../mb.scss";
.square_box {
	.top {
		height: rm(43);
		border-bottom: solid 1px var(--adm-border-color);
		background: #2fd8c0;
		color: #effcfa;
		font-size: rm(16);
	}
	.bigTab {
		height: rm(30);
		:global(.adm-tabs-tab-line) {
			background: #7ae3e2;
		}
		:global(.adm-tabs-tab-active) {
			color: #7ae3e2;
		}
		// :global(.adm-tabs-tab) {
		// 	font-size: rm(14);
		// }
		:global(.adm-tabs-content) {
			padding: 0;
		}
	}
}
// Amoy

.smallTabs {
	height: rm(30);
	:global(.adm-tabs-tab) {
		font-size: rm(12);
	}
	:global(.adm-tabs-header) {
		padding: 0;
	}
	.provide_list {
		border-radius: rm(6);
		border: 1px solid #f6f6f6;
		margin: rm(16);
		.p_t {
			padding: rm(10) 0;
			display: flex;
			// align-items: center;
			justify-content: space-between;
			.p_t_l {
				margin-left: rm(14);
				.p_t_l_t {
					font-size: rm(16);
					font-weight: bold;
					color: #333;
				}
				.p_t_l_t_typeBox {
					margin-top: rm(5);
					display: flex;
					div {
						padding: rm(2) rm(8);
						font-size: rm(12);
						transform: scale(0.8);
						border: 1px solid #88e9dd;
						color: #88e9dd;
					}
					.price {
						color: #ffa2bc;
						border-color: #ffa2bc;
					}
				}
			}
			.p_t_r {
				margin-right: rm(14);
				font-size: rm(12);
				transform: scale(0.8);
				color: #dddddd;
			}
		}
		.content {
			margin-left: rm(14);
			width: rm(310);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.imgs {
			display: flex;
			margin: rm(10) rm(14);
			justify-content: space-between;
			img {
				display: block;
				width: rm(97);
				height: rm(76);
			}
		}
		.user {
			width: 90%;
			margin: rm(10) auto;
			border-top: 1px solid #f1f1f1;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			.user_l_box {
				display: flex;
				margin-top: rm(16);
				.user_r {
					margin-left: rm(5);
					font-size: rm(12);
					font-weight: bold;
					.user_r_b {
						font-weight: normal;
						color: #bebebe;
						transform: scale(0.8);
						margin-left: rm(-10);
						span:nth-child(1) {
							padding-right: rm(5);
						}
					}
				}
			}
			.user_r_box {
				display: flex;
				div {
					display: flex;
					align-items: center;
					padding: 0 rm(5);
					color: #cdcdcd;
				}
				i {
					display: block;
					width: rm(12);
					height: rm(12);

					background: url(../../images/zan.png) no-repeat;
					&.common {
						background: url(../../images/pl.png) no-repeat;
					}
				}
			}
		}
	}
}
//Topic
.Topic_box {
	:global(.adm-tabs .adm-tabs-tab-list) {
		height: rm(30);
	}
	:global(.adm-tabs-tab) {
		font-size: rm(14);
		transform: scale(0.9);
	}
	.hot_li {
		margin: rm(15) 0;
		border-radius: rm(6);
		border: 1px solid #f6f6f6;
		margin: rm(16);

		.user {
			width: 90%;
			margin: rm(10) auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.user_l_box {
				display: flex;
				margin-top: rm(16);
				.user_r {
					margin-left: rm(5);
					font-size: rm(12);
					font-weight: bold;
					.user_r_b {
						font-weight: normal;
						color: #bebebe;
						transform: scale(0.8);
						margin-left: rm(-10);
						span:nth-child(1) {
							padding-right: rm(5);
						}
					}
				}
			}
			.user_r_item {
				font-size: rm(12);
				transform: scale(0.8);
				color: #dddddd;
			}
		}
		.topic_banner {
			width: 90%;
			margin: 0 auto;
			height: rm(184);
			img {
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.topic_des {
			width: 90%;
			margin: rm(10) auto;
			font-size: rm(12);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.user_r_box {
			width: 90%;
			margin: 0 auto;
			border-top: 1px solid #f1f1f1;
			display: flex;
			justify-content: space-around;
			padding: rm(12) 0;
			div {
				display: flex;
				align-items: center;
				padding: 0 rm(5);
				color: #cdcdcd;
			}
			i {
				display: block;
				width: rm(12);
				height: rm(12);

				background: url(../../images/zan.png) no-repeat;
				&.common {
					background: url(../../images/pl.png) no-repeat;
				}
			}
		}
	}
}
// Welfare
.welfare_box {
	width: 90%;
	margin: rm(10) auto;
	.welfare_banner {
		height: rm(156);
		img {
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.welfare_news {
		margin-top: rm(33);
		.welfare_news_title {
			font-size: rm(14);
			font-weight: bold;
			padding-left: rm(5);
			border-left: rm(4) solid #28d2d1;
		}
		ul {
			margin-top: rm(20);
			.welfare_news_li {
				padding: rm(10) 0;
				display: flex;
				border: 1px solid #f6f6f6;
				border-radius: rm(5);
				margin-bottom: rm(10);
				.welfare_news_li_l {
					margin-left: rm(5);
					img {
						display: block;
						width: rm(163);
						height: rm(91);
					}
					p {
						font-size: rm(12);
						transform: scale(0.8);
						margin-left: rm(-15);
					}
				}
				.welfare_news_li_r {
					margin-left: rm(12);
					.welfare_news_li_r_title {
						font-size: rm(12);
						font-weight: bold;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.welfare_news_li_r_des {
						overflow: hidden;
						text-overflow: ellipsis;
						height: rm(68);
						-webkit-line-clamp: 4;
						-webkit-box-orient: vertical;
						display: -webkit-box;
						font-size: rm(12);
						transform: scale(0.9);
						margin-left: rm(-8);
						color: #a7a7a7;
					}
					.user_r_box {
						display: flex;
						div {
							display: flex;
							align-items: center;
							padding: 0 rm(5);
							color: #cdcdcd;
						}
						i {
							display: block;
							width: rm(12);
							height: rm(12);

							background: url(../../images/zan.png) no-repeat;
							&.common {
								background: url(../../images/pl.png) no-repeat;
							}
						}
					}
				}
			}
		}
	}
}
